.swiper {
  height: 200px;
  background-color: aquamarine;
}

.tabbar {
  --height: 50px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  width: 100%;
  height: var(--height);
  line-height: var(--height);
  background-color: #f6f5fa;
}

.tabbar li {
  flex: 1;
  text-align: center;
}

.tabbar li a {
  text-decoration: none; /* 去除默认的下划线 */
  outline: none; /* 去除旧版浏览器的点击后的外虚线框 */
  color: #000; /* 去除默认的颜色和点击后变化的颜色 */
}

.tabbar li:has(> :global(.active)) {
  background-color: #d7d7da;
}
